import { createStyles } from "../../utils/index";
import * as vars from "../../theme";

const styles = {
  primaryButton: {
    backgroundColor: vars.ColorPrimary,
    width: "100%",
    height: 50,
    borderWidth: 0,
  },
  primaryButtonActive: {
    backgroundColor: vars.ColorPrimaryActive,
  },
  primaryButtonText: {
    color: "#ffffff",
  },
  cancelButton: {
    backgroundColor: "#fff",
    width: "100%",
    height: 50,
    borderWidth: 0.5,
    borderRadius: 4,
    borderColor: "rgb(171, 173, 179)",
  },
  cancelButtonActive: {
    backgroundColor: "rgba(0, 0, 0, .1)",
  },
  cancelButtonText: {
    color: "rgba(0, 0, 0, 1)",
  },
};

export default createStyles(styles);
